*{
    font-family: "微软雅黑";
    font-size: 62.5%;
    margin:0;
    padding:0;
    list-style: none;
    text-decoration: none;
}
body{
    overflow-x: hidden;
    background: #F8F8F8;
}
.iconfont{
    width: 31px;
    height: 31px;
}
////////////////首页////////////////
header{
    opacity:0.8;/*其他，透明度80%*/
    z-index: 2;
    position: fixed;
    top: 0;
    width: 100%;
    height:13vw;
    background: #ccc;
    display: flex;
    text-align: center;
//  line-height: 12vw;
    justify-content: space-around;
    align-content: center;
    padding-top: 1.5vw;
        .index-header-left{
            width: 20%;
        }
         .index-header-right{
            width: 20%;
        }
        .index-header-main{
            display: inline-block;
            border-radius: 2vw;
            overflow: hidden;
            height: 70%;
            display: flex;
            align-content: center;
            background: #fff;
            width: 60%;
            a{
	            img{
	                height: 80%;
	                vertical-align: middle;
	            }
	            input{
	                outline:none;
	                border: none;
	                height: 9vw;
	                font-size:1rem;
	            }
        	}
        }
}
footer{
  
    width: 100%;
    height: 15vw;
    background: #f8f8f8;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-around;
        div{
            width: 20%;
            height: 100%;
            text-align: center;
//          line-height: 15vw;
        }
        img{
            width: 60%;
            vertical-align:middle;
        }
}
///////////////////home/////////////////////
.home-lunbo{
     width: 100%;
     .swiper-container{
         width: 100%;
         .swiper-wrapper{
             width: 100%;
             .swiper-slide{
                 width: 25%;
                 img{
                     width:100%;
                 }
             }
         }
     }
}
.home-l1{
    text-align: center;
        ul{
            display: flex;
            justify-content: flex-start;
            flex-flow: row wrap;
            list-style: none;
            li{ 
                padding: 2vw 0;
                width: 25%;
                background: white;
                img{
                    width: 60%;
                }
                p{
                    color: #9B9B9B;
                    font-size:1rem;
                }
            }
        }
}
.home-qiang{
    border-bottom: 1px solid #f8f8f8;
    //border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-content: center;
    background: white;
    margin: 0.5rem 0;
    a{
    	font-size:1rem;
    }
    div{
        display: flex;
        align-content: center;
        line-height: 13vw;
        width: 45%;
        height: 13vw;
        font-size:1rem;
    }
    .home-qiang-left{
        line-height: 13vw;
        span{
            margin-top: 2%;
            margin-right:5%;
            display: inline-block;
            width: 0.5rem;
            height: 80%;
            background: #46a3f9;        
        }
    }
    .home-qiang-right{
         line-height: 13vw;
         span{
             margin-top: 10%;
             display: inline-block;
             width: 13px;
             height: 13px;
             background: #f8f8f8;
         }
    }
}
.home-san{
    text-align: center;
    display: flex;
    background: white;
    justify-content: space-around;
    li{
        width: 33.3%;
        .home-zhe{
            border-radius: 10px 0 0 10px;
            margin-left: 50%;
            width: 30%;
            text-align: right;
            background:#ffb629 ;
           color: white;
        }
        .home-san-SeckillPrice{
        	font-size:1rem;
        }
        .yuanjia{
            text-decoration: line-through;
            color:#ccc;
            font-size:0.8rem;
        }
        .home-zheq{
            color: #f8f8f8;
            font-size:0.8rem;
        }
        img{
            width: 90%;
           
        }
    }
}
.home-xinren{
    border-top: 10px solid #f8f8f8;
    display: flex;
    justify-content: space-between;
    ul{
        width: 50%;
        li{
            box-sizing: border-box;
            border: 1px solid #f8f8f8;
            img{
                width: 100%;
            }
        }
    }
}
.home-xinren-right{
    height: 50%;
    img{
        height: 100%;
    }
}
.home-situ{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    li{ 
        border: 1px solid #f8f8f8;
        box-sizing: border-box;
        width: 50%;
        img{
            width: 100%;
        }
    }
}
.home-situ-heng{
    display: flex;
    li{
         box-sizing: border-box;
            border: 1px solid #f8f8f8;
        width: 25%;
        img{
            width: 100%;
        }
    }
}
#home-xiguan{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size:15px;
    background: #f8f8f8;
    line-height: 50px;
    img{
        height: 50%;
        vertical-align: middle;
    }
}
.home-data{
    text-align: center;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    ul{
        width: 50%;
        border: 3px solid #f8f8f8;
        box-sizing: border-box;
        li{
            background: white;
            font-size: 1.5rem;
        }
        img{
            width: 80%;
            padding-left:10% ;
            padding-right: 10%;
        }
   
    }
}
.yaoming{
    height: 5rem;
    text-align: left;
}
.home-data-1{
     display: flex;
     justify-content: space-around;
     p{
         width: 40%;
         font-size: 1.5rem;
     }
     p:last-child{
         text-decoration: line-through;
         color: #9B9B9B;
     }
}
//////////////////like//////////////
#like{
    width: 100%;
}
.like-header{
    background: #f8f8f8;
    width: 100%;
    height: 13vw;
    text-align: center;
    display: flex;
    justify-content: space-around;
    a{
    	font-size:1.6rem;
    }
    span{
        line-height: 13vw;
        color: #098bc9;
        display: block;
        width: 20%;
        font-size:1.6rem;
    }
    p{  
        line-height: 13vw;
        width: 60%;
        font-size:1.6rem;
    }
}
.like-main{
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap; 
    li{
       width:25%;
       background: white;
       text-align: center;
       border: 1.5px solid #F8F8F8;
       box-sizing: border-box;
        overflow: hidden;
        padding-top: 2rem;
        i{
            width: 100%;
            height: 100%;
        }
        p{
            line-height: 13vw;
            font-size:1rem;
        }
    }
}
///////////////////////seckill///////////////
#seckill{
    width: 100%;
}
.seckill-header{
    width: 100%;
    background: #fff;
    display: flex;
    height: 13vw;
    justify-content:space-around ;
    p{  
        height: 13vw;
        line-height: 13vw;
        font-size:1.6rem;
        img{
             vertical-align:middle;
            height: 80%;
        }
        span{
           
            height: 13vw;
            line-height: 13vw;
            img{
                vertical-align:middle;
                height: 50%;
            }
        }
    }
    
}
.seckill-time{
	margin-top:0.5rem;
	line-height:2rem;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap; 
    div{
        width: 50%;
        background: white;
        box-sizing: border-box;
        p{
            width: 100%;
            text-align: center;
            font-size:1rem;
        }
    }
}
.seckill-p{
	padding-top:0.8rem;
	padding-bottom:0.8rem;
    width: 100%;
    text-align: center;
    font-size:1rem;
    span{
        color: red;
        font-size:1rem;
    }
}
.seckill-main{
    display: flex;
    justify-content: space-around;
    div{
        background: white;
        text-align: center;
        width: 50%;
        //border-bottom: 5px solid #BBBBBB;
        margin-bottom:5px;
        position: relative;
        img{
            width:80%;
        }
        span{
            position: absolute;
            top: 0;
            left: 1.5rem;
            padding: 0.2rem 0.5rem;
            background: #ffb629;
            color: white;
            font-size:1rem;
        }
        p{
            padding-left: 5%;
            width: 100%;
            text-align: left;
        }
        
        .seckill-main-SeckillPrice{
        	margin-top:2rem;
            color: red;
            font-size:2rem;
        }
        .seckill-main-Price{
        	margin-top:2rem;
        	color: #ccc;
        	font-size:1.5rem;
        	text-decoration: line-through;
        }
    }
    
}
.seckill-h4{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:5%;
    font-size:1rem;
    background:#ccc;

}
.seckill-img4{
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap; 
    p{
        width: 50%;
        border: 2px solid #f8f8f8;
        box-sizing: border-box;
        img{
            width: 100%;
        }
    }
}

//seek.less.............................................................................................
*{
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}

a{
    text-decoration: none;
    color: black;
    cursor: pointer;
}
ul,li{
    list-style: none;
    box-sizing: border-box;
}
//seek页面开始
.seek-warp{
    background: #ececec;
    height: 100vh;
    padding-bottom: 15vw;
    font-family: "微软雅黑";
}
.seek-nav{
    background: #fff;
    display: flex;
    justify-content: space-around;
    height: 4rem;
    line-height: 4rem;
    .seek-return{
        line-height: 4rem;
        img{
            margin-top: 1rem;
            height: 2rem;
        }        
    }
    div{
        line-height: 4rem;
        font-size: 0;
        box-sizing: border-box;
        img{
            vertical-align: middle;
            width: 2.5rem;
            border: 2px solid #ccc;
            border-right: none;
        }
        input{
            vertical-align: middle;
            height: 2.5rem;
            font-size: 1rem;
            border: 2px solid #ccc;
            border-left:none ;
            outline:none
        }
    }
    a{
        font-size: 1.5rem;
        color: black;
        line-height: 4rem;
    }
}
.seek-main{
    margin-top: 1rem;
    width: 100%;
    p{
        font-size: 1.5rem;
        margin-left: 5%;
    }
    ul{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        
        li{
            background: #fff;
//          margin: auto;
            margin-left: 5%;
            margin-top: 1rem;
//          width: 30%;
//          text-align: center;
            a{
                line-height: 2.5rem;
                display: inline-block;
                border: 1px solid black;
                color: black;
                font-size: 1.3rem;
                padding-left: 1.3rem;
                padding-right: 1.3rem;
            }
        }
    }
}


//classify.less...................................................................................
//classify页面..........................................................................
.classify-warp{
    padding-top: 4rem;
    padding-bottom: 15vw;
    padding-left: 20%;
}
//头部
.classify-nav{
    width: 100%;
    text-align: center;
    line-height: 4rem;
    font-size: 2rem;
    background: #f8f8f8;
    border-bottom:1px solid #d4d4d4;
    color: #333;
    position: fixed;
    top: 0;left: 0;
    z-index: 20;
}
.classify-main{
    width: 100%;
    display: flex;
    flex-flow: row;
    //左栏
    .classify-main-nav{
        width: 20%;
        height: 100vh;
        position: fixed;
        top: 4rem;left: 0;
        background: #f8f8f8;
        ul>li{
            text-align: center;
            font-size: 1.5rem;
            line-height: 4rem;
            border: 1px solid #f2f2f2;
            a{
                color: #666;
            }
        }
    }
    //数据列表
    .classify-main-data{
        width: 100%;
        background: white;
        h3{
            margin-left: 5%;
            line-height: 4rem;
            font-size: 0.8rem;
            color: #9B9B9B;
            border-bottom: 1px solid #f2f2f2;
        }
        ul{
            width: 100%;
            display: flex;
            justify-content: flex-start;
            flex-flow: row wrap;
            li{
                width: 33.3%;
                a{
                    display: inline-block;
                    
                    img{
                        margin-left: 15%;
                        margin-right: 15%;
                        width: 70%;
                    }
                    p{
                        text-align: center;
                    }
                }
            }
        }
    }
}
.classify_highlight{
    background: #fff;
}
//classify页面结束




//commodity.less
//commodity页面
.commodity-warp{
    
}
.commodity-nav{
    width: 100%;
    display: flex;
    justify-content: space-around;
    background: #f8f8f8;
    border-bottom:1px solid #d4d4d4;
    color: #333;
    font-size: 2rem;
    line-height: 4rem;
    img{
        vertical-align:middle;
        width: 50%;
    }
}
.commodity-auto{
    width: 100%;
    img{
        width: 100%;
    }
}
//产品名
.commodity-person-name-warp{
    display: flex;
    justify-content: space-between;
    div{
        .commodity-person-name{
            font-size: 1rem;
            color: #666;
        }
        .commodity-manufacturers{
            margin-top: 0.2rem;
            font-size: 1.3rem;
            color: #bbb;
        }
    }
    img{
        vertical-align: middle;
        width: 2rem;
        height: 2rem;
        margin-right: 0.5rem;
    }
}
//产品简介
.commodity-person-synopsis{
    margin-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    color: #499ef5;
    border-bottom: 1px solid #efefef;
}
//产品价格
.commodity-person-price-warp{
    .commodity-person-price-top{
        line-height: 5rem;
    //  现价
        .commodity-person-price{
            color: #eb5035;
            font-size: 2rem;
        }
    //  原价
        .commodity-person-originalCost{
            text-decoration: line-through;
            font-size: 0.8rem;
            color: #b5b5b5;
            margin-left: 0.5rem;
            margin-right: 0.5rem;
        }
    //  节省钱数
        .commodity-person-savePrice{
            color: #eb5035;
            font-size: 1rem;
        }
    }
    .commodity-person-price-bottom{
        line-height: 4rem;
        background: #f8f8f8;
        display: flex;
        justify-content: space-between;
        img{
            vertical-align: middle;
            width: 5%;
        }
        a{
            font-size: 1rem;
            color: black;   
        }
        .commodity-person-price-dot{
            margin-right: 1rem;
            font-size: 2rem;
        }
    }
}
.commodity-person-favorable{
    display: flex;
    justify-content: space-between;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    span{
        border-left: 0.5rem solid #2d8ff4;
        padding-left: 2rem;
        font-size: 1rem;
        line-height: 2rem;
    }
    img{
        padding-right: 0.5rem;
        vertical-align: middle;
        width: 1rem;
        height: 1rem;
    }
}
//商品个数
.commodity-person-number-warp{
    display: flex;
    justify-content: space-between;
    height: 5rem;
    .commodity-person-number-price{
        margin-left: 5%;
        line-height: 5rem;
        font-size: 1rem;
        span{
            font-size: 1.5rem;
        }
    }
    .commodity-person-number{
        margin-right: 5%;
        line-height: 5rem;
        font-size: 0;
        button{
            font-size: 1.5rem;
            width: 2.6rem;
            line-height: 3rem;
        }
        input{
            width: 5rem;
            line-height: 3rem;
            font-size: 1.5rem;
            text-align: center;
        }
    }
}
.commodity-person-combo{
    .commodity-person-combo-nav{
        display: flex;
        flex-flow: row;
        div{
            border: 1px solid #e8e8e8;
            font-size: 1rem;
            line-height: 3.4rem;
            width: 6.5rem;
            text-align: center;
        }
    }
    .commodity-person-combo-main{
        h4{
            font-size: 1.5rem;
            line-height: 1.7rem;
        }
        .commodity-person-combo-remark{
            color: cyan;
            font-size: 1rem;
        }
        .commodity-person-combo-synopsis{
            font-size: 1rem;
            color: #ccc;
        }
    }
    .commodity-person-combo-person{
        display: flex;
        flex-flow:row ;
        div{
            width: 20%;
            margin-left: 3%;
            img{
                width: 6rem;
            }
            p{
                font-size: 1rem;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #ccc;
            }
        }
    }
    .commodity-person-combo-persondd{
        border-top: 1px solid #ececec;
        display: flex;
        justify-content: space-between;
        height: 4.9rem;
        div{
            margin-left: 5%;
            padding-top: 2.5rem;
            p{
                font-size: 1rem;
                color: #ccc;
                b{
                    color: black;
                    font-size: 1rem;
                }
                span{
                    color: #eb5035;
                    font-size: 1.5rem;
                }
            }
        }
        button{
            margin-right: 5%;
            width: 8rem;
            font-size: 1.5rem;
            background: #499ef5;
            color: #fff;
            border: none;
        }
    }
    .commodity-person-combo-look{
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-left: 0.5rem solid #2d8ff4;
        line-height: 2rem;
        padding-left: 5%;
        font-size: 1.5rem;
        
    }
    .commodity-person-combo-auto{
        img{
            width: 20%;
        }
    }
}
.commodity-imgs{
    width: 100%;
    padding-bottom: 15vw;
    img{
        width: 100%;
    }
}
//commodity页面结束


//center.less....................................................................
.center{
    background: #CCCCCC;
//  头部
    .center_head{
        width: 100%;
        height: 13vw;
        background: #007AFF;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        span{
            width: 59%;
            height: 13vw;
            text-align:center;
            line-height: 13vw;
            color: #FFFFFF;
            font-size: 1.6rem;
            float: left;
        }
        .zgwc{
            width: 20%;
            height: 13vw;
            line-height: 13vw;
            text-align: center;
            float: left;
            font-size: 20px;
            color: #fff;
            margin-top: 5px;
        }
    }
//  用户信息
    .center_yh{
        margin-top: 13vw;
        background: #007AFF;
        text-align: center;
        width: 100%;
        .center_yh_tx{
            width: 35%;
            height: 10rem;
            overflow: hidden;
            border-radius: 50%;
            margin: 0 auto;
            color: #fff;
            img{
                width: 100%;
                height: 100%;
            }
        }
            p{
                color: #fff;
                font-size: 1.6rem;
                line-height: 3rem;
                span{
                    font-size: 1.6rem;
                    line-height: 3rem;
                }
            }
    }
    
//  分类
    .center_fenlei{
        background: white;
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        ul{
            display: flex;
            li{
                flex: 20%;
                text-align: center;
                border-right: 1px solid #CCCCCC;
               a {
                color: black;
                line-height: 30px;
                span{
                	font-size:1rem;
                }
                .alibaba{
                    margin-top: 10px;
                }
                }
            }
           
        }
    }
    
    .center_ul1{
        width: 100%;
        background: #CCCCCC;
            margin-bottom: 100px;
        ul{
            margin-top: 10px;
            li{
                width: 100%;
                height: 4rem;
                background: white;
                line-height: 4rem;
                overflow: hidden;
                border-bottom: 1px solid #CCCCCC;
                display: flex;
                a{
                    font-size: 20px;
                    margin: 0 1rem;
                    overflow: hidden;
                    width: 100%;
                    div{
                        float: left;
                        margin: 3px;
                    }
                    span:first-child{
                        float: left;
                    }
                    span:last-child{
                        float: right;
                        margin-right: 10px;
                    }
                }
            }
        }
    }
}
//center结束

//denglu.less....................................................................
.denglu{
        width: 100%;
        background: #CCCCCC;
    .denglu_head{
        width: 100%;
        height: 13vw;
        position: fixed;
        top: 0;left: 0;
        overflow: hidden;
        display: flex;
        span{
            flex: 6;
            height: 13vw;
            text-align:center;
            line-height: 13vw;
            color: black;
            font-size: 1.6rem;
        }
        .dlfh{
            flex: 2;
            height: 13vw;
            line-height: 13vw;
            text-align: center;
            font-size: 1.6rem;
            color: black;
        }
    }
    .huitiao{
        width: 100%;
        height: 20px;
        margin-top: 13vw;
    }
    .denglu_dlzh{
        width: 100%;
        background: white;
            text-align: center;
        .denglu_zh{
            height: 50px;
            line-height: 40px;
            border-bottom: 1px solid #CCCCCC;
            span{
                margin-left: 20px;
                font-size: 20px;
            }
            input{
                line-height: 40px;
                height: 40px;
                width: 60%;
                border: none;
                font-size:1.5rem;
                outline:none;
            }
        }
        .denglu_mm{
            height: 50px;
            line-height: 40px;
            border-bottom: 1px solid #CCCCCC;
            span{
                margin-left:20px;
                font-size: 20px;
            }
            input{
                line-height: 40px;
                height: 40px;
                width: 60%;
                border: none;
                font-size:1.5rem;
                outline:none;
            }
        }
        button{
            width: 70%;
            margin: 20px 60px;
            font-size: 20px;
            line-height: 30px;
//          border: none;
        }
    }
 }
 //dianzan.less.................................................................
 .dianzan{
    padding-bottom:15vw;
    .dianzan_head{
        width: 100%;
        height: 13vw;
        text-align: center;
        border-bottom: 1px solid #CCCCCC;
        span{
            line-height: 13vw;
            font-size:1.6rem;
        }
        span:first-child{
            float: left;
            margin-left: 20px;
        }
        span:last-child{
            float: right;
            margin-right: 20px;
        }
    }
    .dianzan_dztc{
        text-align: center;
        margin-top: 20px;
        span{
            box-sizing: border-box;
            border: 1px solid #007AFF;
            padding: 0.5rem 1rem;
            font-size: 1.6rem;
            line-height: 13vw;
            color: #007AFF;
        }
        span:first-child{
            border-radius: 20px 0 0 20px;
        }
        span:nth-child(2){
            border-radius: 0 20px 20px 0 ;
        }
        .dianzan_dz{
            img{
                width: 100%;
            }
            textarea{
                width: 80%;
                height: 100px;
                border: 1px solid #CCCCCC;
                font-size: 20px;
            }
            button{
                width: 80%;
                height: 50px;
                border: 1px solid #007AFF;
                background: white;
                font-size: 20px;
                border-radius: 10px;
                margin-top: 50px;
            }
        }
    }
    
}
.dzs{
    background: blue;
}
.tcs{
     background: blue;
}
//dianzan结束

//fx.less..................................................................................................
.fx{
        width: 100%;
        height: 13vw;
        .fx_fx{
            width: 100%;
            height: 13vw;
            line-height: 13vw;
            display: flex;
            text-align: center;
            background: #F8F8F8;
            position: fixed;
            top: 0;
            left: 0;
            span{
                flex: 6;
                height: 13vw;
                display: block
            }
            a{
                flex: 2;
                height: 13vw;
            }
        }
        .fx_main{
            width: 100%;
            margin-top:13vw;
            img{
                width: 100%;
            }
            .fx_sy{
                width: 100%;
                text-align: center;
                .fxyq{
                    width: 50%;
                    height: 64px;
                    line-height: 64px;
                    padding: 10px 20px;
                    background: red;
                    border-radius: 20px;
                    color: white;
                    span{
                        color: yellow;
                        font-size: 28px;
                    }
                }
                p{
                    color: #9B9B9B;
                    line-height: 50px;
                    a{
                    margin: 0 auto;
                    line-height: 50px;
                    color: red;
                    }
                }
                .fxjl{
                    width: 50%;
                    height: 64px;
                    line-height: 64px;
                    padding: 10px 20px;
                    border: 1px solid #46A3F9;
                    border-radius: 20px;
                    color: #007AFF;
                }
            }
        }
    }
//fx结束

//shop.less..........................................................................
.shop{
//  头部
    .shop_head{
        width: 100%;
        height: 13vw;
        text-align: center;
        border-bottom: 1px solid #CCCCCC;
        span{
            line-height: 13vw;
            font-size: 1.6rem;
        }
    }
//  物品
    .shop_main{
        width: 80%;
        margin: 0 auto;
        line-height: 64px;
        overflow: hidden;
        .shop_mainhead{
            width: 100%;
            line-height: 40px;
            font-size:1.6rem;
            border-bottom: 1px solid #CCCCCC;
            input{
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            }
        }
        ul{
            li{
                margin: 10px auto;
                overflow: hidden;
                overflow: hidden;
                input{
                    float: left;
                    margin-top: 40px;
                }
                img{
                    width: 30%;
                    float: left;
                    margin-right: 10px;
                }
                div{
                    p{
                        line-height: 30px; 
                        button{
                        padding: 0.2rem 0.5rem;
                        background: #FFB629;
                        border: none;
                        border-radius: 50%;
                    }
                    }
                    p:nth-child(2){
                        float: right;
                    }
                    span{
                        color: red;
                    }
                   
                    button{
                        border: none;
                        padding: 0.2rem 0.5rem;
                        color: white;
                        background: red;
                    }
                }
            }
        }
    }
    .jiesuan{
            position: fixed;
            bottom: 15vw;
            overflow: hidden;
            right: 0;
        span{
            line-height: 3rem;
            display: block;
            padding: 0rem 1rem;
            float: right;
            margin-right: 0;
            color: white;
        }
    }
    .quanxuan{
        overflow: hidden;
        button{
            padding: 0.3rem 0.5rem;
            background: #2D8FF4;
            border: none;
            color: white;
            line-height: 2rem;
        }
        button:first-child{
            float: left;
            margin-left: 3rem;
        }
        button:last-child{
            float: right;
            background: red;
        }
    }
}
.shap-scolor{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
}
.yellow{
    background: red;
}
//shop结束


//zhuce.less...................................................................................
.zhuce{
        width: 100%;
        background: #CCCCCC;
    .zhuce_head{
        width: 100%;
        height: 13vw;
        position: fixed;
        top: 0;left: 0;
        overflow: hidden;
        display: flex;
        span{
            flex: 6;
            height: 13vw;
            text-align:center;
            line-height: 13vw;
            color: black;
            font-size: 1.6rem;
        }
        .zcfh{
            flex: 2;
            height: 13vw;
            line-height: 13vw;
            text-align: center;
            font-size: 1.6rem;
            color: black;
        }
    }
    .huitiao{
        width: 100%;
        height: 20px;
        margin-top: 13vw;
    }
    .zhuce_zczh{
        width: 100%;
        background: white;
        .zhuce_sj{
            height: 50px;
            line-height: 40px;
            border-bottom: 1px solid #CCCCCC;
            span{
                margin-left: 10px;
                font-size: 1.6rem;
            }
            input{
                line-height: 40px;
                height: 40px;
                width: 60%;
                border: none;
                font-size:1.5rem;
            }
        }
        .zhuce_mm{
            height: 50px;
            line-height: 40px;
            border-bottom: 1px solid #CCCCCC;
            span{
                margin-left:10px;
                font-size: 1.6rem;
            }
            input{
                line-height: 40px;
                height: 40px;
                width: 40%;
                border: none;
                font-size:1.5rem;
            }
            span:last-child{
                display: block;
                font-size: 12px;
                color: white;
                height: 40px;
                line-height: 40px;
                background:#007AFF;
                float: right;
                padding: 5px 5px;
            }
        }
        p{
        	margin-top:1rem;
        	margin-left:5%;
        	line-height:1rem;

        	.xieyi{
	            line-height:1rem;
	        }
	        .zhuce-xieyi-text{
	        	line-height:1rem;
	        	font-size:1rem;
	        }
        }
        
        button{
            width: 70%;
            margin: 20px 60px;
            font-size: 20px;
            line-height: 30px;
            background: #007AFF;
            color: white;
        }
    }
}
//zhuce结束

//zhongjian.less....................................................
.zhongjian{
    width: 100%;
    background: white;
    padding-top: 30vw;
    .zhongjian_tu{
        width: 100%;
        img{
            width: 50%;
        }
    }
    .zhongjian_zi{
        width: 100%;
        display: flex;
        margin-top: 30vw;
        a{
            flex: 1;
            width: 33.33%;
            text-align: center;
            img{
                width: 50%;
            }
        }
    }
    .zhongjian_cha{
        width: 100%;
        text-align: center;
        margin-top: 32vw;
        img{
            width: 16%;
        }
    }
}
//shop2......................................................................
.shop2_main{
    width: 100%;
    text-align: center;
    height: 100%;
    p{
        font-size: 2rem;
        padding: 10rem 0;
        color: #9B9B9B;
    }
    button{
        padding: 1rem 3rem;
        border: none;
        background: #46A3F9;
        color: white;
    }
}
////////////
.view-slide-in.ng-enter, .view-slide-in.ng-leave {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
 
.view-slide-in.ng-enter {
  animation: 0.5s fade-in;
  z-index: 100;
}
 
.view-slide-in.ng-leave {
  animation: 0.5s fade-out;
  z-index:99;
}
 
@keyframes fade-in {
 0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }   
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fade-out {
  0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }   
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
} 
